.root
  background: #fff;
  padding: 30px;
  box-shadow: 0 0 4px rgba(119,119,119,.1);

.title
  position absolute
  top -61px
  left 0
  font-size 18px

.wrapper
  width: 700px;
  margin: 45px auto;
  clear fix

.low-high
  width 420px
  clear fix
  color #CBD2E1
  font-size 12px;
  span:first-child
    float left
  span:last-child
    float right

.item
  > h2
    font-size 14px;
    color #3E90DD
    line-height 1
    margin-bottom 15px

.item + .item
  margin-top 30px

.circle
  cursor pointer
  width 24px
  height 24px
  border-radius 50%
  text-align center
  line-height 23px;
  background-color #fff
  border 1px solid #E3E7EF
  font-size 12px;
  user-select none
  &.active
    background-color #47A9FB
    color #fff
    border-color #47A9FB

.circle + .circle
  margin-left 20px;

.circles
  margin-top 10px;
  display flex

.input
  border: none
  outline none
  width 420px
  margin-top 20px
  &:focus
    outline none
  border-bottom 1px solid #E3E7EF

.radio
  span + span
    margin-left 40px
  label
    font-size 12px;
    color #7793B2
    display inline-block
    vertical-align middle
    margin-left 4px;

.success
.empty
  background-color #fff
  box-shadow: 0 0 4px rgba(119,119,119,.1);
  margin: 45px auto;
  width 700px
  height 300px;
  text-align center
  line-height 300px
  font-size 16px

.write-tip
  width: 700px;
  height: 54px;
  border-radius: 3px;
  background-color: #e7f4fd;
  border: solid 1px #bedcf3;
  line-height 54px
  padding-left 25px
  color #777777
  margin-bottom 25px
  color #7e7f81

.write-time
  margin-bottom 21px
